<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE HTML>
<html class="no-js" lang="en">
<head>
<!--- basic page needs
        ================================================== -->
<meta charset="UTF-8">
<title>Home</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- mobile specific metas
        ================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
        ================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<!-- script
        ================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
        ================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body id="top" onload='displayIndex()'>
	<!-- header
        ================================================== -->
	<header class="short-header">
		<div class="gradient-block"></div>
		<div class="row header-content">
			<div class="logo">
				<a href="">Author</a>
			</div>
			<nav id="main-nav-wrap">
				<ul class="main-navigation sf-menu">
					<li class="current"><a href="">Home</a></li>
					<li class="has-children"><a href="javascript:void(0)" title="">Categories</a>
						<ul class="sub-menus">
							<li><a href="javascript:void(0)" class="sub-menu">文学</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">艺术</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">小说</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">心理</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">经济</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">管理</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">理财</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">少儿</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">科学</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">医学</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">教辅</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">外语</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">政治</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">法律</a></li>
							<li><a href="javascript:void(0)" class="sub-menu">计算机</a></li>
						</ul></li>
					<li><a href="jsp/about.jsp">About</a></li>
					<li><a href="jsp/contact.jsp">Contact</a></li>
					<li><a href="jsp/login.jsp">Login</a></li>
				</ul>
			</nav>
			<!-- end main-nav-wrap -->
			<div class="search-wrap">
				<form role="search" method="get" class="search-form"
					action="jsp/searchResults.jsp">
					<label> <span class="hide-content">Search for:</span> <input
						type="search" class="search-field" id="keys"
						placeholder="Type Your Keywords" value="" name="s"
						title="Search for:" autocomplete="off">
					</label> <input type="submit" class="search-submit" value="Search">
				</form>
				<a href="javascript:void(0)" id="close-search" class="close-btn">Close</a>
			</div>
			<!-- end search wrap -->
			<div class="triggers">
				<a class="search-trigger" href="javascript:void(0)"><i
					class="fa fa-search"></i></a> <a class="menu-toggle"
					href="javascript:void(0)"><span>Menu</span></a>
			</div>
			<!-- end triggers -->
		</div>
	</header>
	<!-- end header -->
	<!-- masonry
            ================================================== -->
	<section id="bricks">
		<div class="row masonry">
			<!-- brick-wrapper -->
			<div class="bricks-wrapper">
				<div class="grid-sizer"></div>
				<div class="brick entry featured-grid animate-this">
					<div class="entry-content">
						<div id="featured-post-slider" class="flexslider">
							<ul class="slides">
								<li>
									<div class="featured-post-slide">
										<div class="bookId" style="display: none"></div>
										<div class="post-background"></div>
										<div class="overlay"></div>
										<div class="post-content">
											<ul class="entry-meta">
												<li><a href="javascript:void(0)" class="sub-menu"></a></li>
											</ul>
											<h1 class="slide-title">
												<a href="单本书的详情页" title=""></a>
											</h1>
										</div>
									</div>
								</li>
								<!-- /slide -->
								<li>
									<div class="featured-post-slide">
										<div class="bookId" style="display: none"></div>
										<div class="post-background"></div>
										<div class="overlay"></div>
										<div class="post-content">
											<ul class="entry-meta">
												<li><a href="javascript:void(0)" class="sub-menu"></a></li>
											</ul>
											<h1 class="slide-title">
												<a href="single-standard.html" title=""></a>
											</h1>
										</div>
									</div>
								</li>
								<!-- /slide -->
								<li>
									<div class="featured-post-slide">
										<div class="bookId" style="display: none"></div>
										<div class="post-background"></div>
										<div class="overlay"></div>
										<div class="post-content">
											<ul class="entry-meta">
												<li><a href="javascript:void(0)" class="sub-menu"></a></li>
											</ul>
											<h1 class="slide-title">
												<a href="single-standard.html" title=""></a>
											</h1>
										</div>
									</div>
								</li>
								<!-- end slide -->
							</ul>
							<!-- end slides -->
						</div>
						<!-- end featured-post-slider -->
					</div>
					<!-- end entry content -->
				</div>
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>

								<div class="rating"></div>

							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>
								<div class="rating"></div>
							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>
								<div class="rating"></div>
							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>
								<div class="rating"></div>
							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>
								<div class="rating"></div>
							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>
								<div class="rating"></div>
							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>
								<div class="rating"></div>
							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>
								<div class="rating"></div>
							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>
								<div class="rating"></div>
							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
				<article class="brick entry format-standard animate-this">
					<div class="bookId" style="display: none"></div>
					<div class="entry-thumb">
						<a href="single-standard.html" class="thumb-link"> <img src="">
						</a>
					</div>
					<div class="entry-text">
						<div class="entry-header">
							<div class="entry-meta">
								<span class="cat-links"> <a href="javascript:void(0)"
									class="sub-menu"></a>
								</span>
								<div class="rating"></div>
							</div>
							<h1 class="entry-title">
								<a href="single-standard.html"></a>
							</h1>

						</div>
						<div class="entry-excerpt"></div>
					</div>
				</article>
				<!-- end article -->
			</div>
			<!-- end brick-wrapper -->
		</div>
		<!-- end row -->
	</section>
	<!-- end bricks -->
	<!-- footer
            ================================================== -->
	<footer>
		<div class="footer-bottom">
			<div class="row">
				<div class="col-twelve">
					<div id="go-top">
						<a class="smoothscroll" title="Back to Top" href="#top"><i
							class="icon icon-arrow-up"></i></a>
					</div>
				</div>
			</div>
		</div>
		<!-- end footer-bottom -->
	</footer>
	<div id="preloader">
		<div id="loader"></div>
	</div>

	<!-- Java Script
            ================================================== -->
	<script src="js/jquery-2.1.3.min.js"></script>
	<script src="js/plugins.js"></script>
	<script src="js/main.js"></script>

	<script src="js/test.js"></script>
</body>
</html>